<template>
	<view class="customer">
		<u-navbar  safeAreaInsetTop fixed placeholder bgColor='#1989fa'>
			<view slot="center" class="textTitle">
				<text class="text1">客户分配</text>
				<text class="text2">(哥伦比亚广场)</text>
			</view>
			<view slot="left">

			</view>
		</u-navbar>

		<u-tabs :list="listTop" @click="click"></u-tabs>

		<view class="search-class">
			<u-search height="32" shape="square" bg-color='#fff' placeholder="搜索客户" :show-action="false" :action-style="{color: '#fff'}"
				@change="search" v-model="keyword"></u-search>
		</view>
		
		<view class="viewClass">
		
			<u-cell-group :border='false'>
				<u-cell :border='false' icon="star" title="逾期客户" :isLink="true" value="241人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				<u-cell :border='false' icon="star" title="建议反馈" :isLink="true" value="1人"></u-cell>
				
			</u-cell-group>
		</view>


		<!-- <view class="search-wrap" id="search-wrap">
			<u-search bg-color='#fff' placeholder="搜索客户" :show-action="false" :action-style="{color: '#fff'}"
				@change="search" v-model="keyword"></u-search>
			<own-select></own-select>
		</view>
 -->




	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				listTop: [{
						name: '客户分配'
					},
					{
						name: '客户分析'
					}
				],
				keyword: ""
			}
		},



		created() {

		},
		mounted() {

		},



		methods: {
			click(item) {
				console.log('item', item);
				this.current = item.index
			},
			search(val) {
				console.log(val)
			},

		}
	}
</script>


<style lang="scss" scoped>
	.customer{
		padding: 0 20rpx;
	}
	.search-class {
		box-sizing: border-box;
		padding: 18rpx 0rpx;
	}
	.viewClass{
		background-color: #fff;
		border-radius: 4px;
		
	}
	.textTitle {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #fff;

		.text1 {
			font-size: 16px;
		}

		.text2 {
			font-size: 12px;
		}


	}
</style>
